import {
  pxToRem
} from "./pxToRem";
import * as echarts from 'echarts';
export function echartsData1(seriesData) {
  var option = {
    color: ['#074499'],
    grid: {
      //生成的echarts图片和顶部的距离
      bottom: '10%', //echarts图片和底部的距离
      left: '5%', //echarts图片和左边的距离
      right: '10%', //echarts图片和右边的间距,
      top: '10%',
      containLabel: true //当containLabel:为ture时，以上设置生效
    },
    tooltip: {
      backgroundColor: 'rgba(67, 128, 240, 0.3)',
      textStyle: {
        color: '#fff',
        fontSize: pxToRem(16)
      },
      formatter: function (param) {
        // prettier-ignore
        return '项目名称：' + param.data[3] + '<br>' +
          '借款总数：￥' + param.data[0] + '<br>' +
          '保交楼：' + param.data[1] + '套<br>' +
          '剩余交付楼：' + param.data[2] + '<br>'
      }
    },
    xAxis: {
      type: 'value',
      nameTextStyle: {
        fontSize: pxToRem(16)
      },

      splitLine: {
        show: false
      },
      axisTick: {
        show: false // 不显示坐标轴刻度线
      },
      axisLine: {
        lineStyle: {
          show: true, //是否显示坐标轴轴线，
          color: 'rgba(67, 128, 240, 1)', //x轴轴线的颜色
        }
      },
      axisLabel: {
        fontSize: pxToRem(16)
      }

    },
    yAxis: {
      type: 'value',
      nameGap: pxToRem(20),
      nameTextStyle: {
        fontSize: pxToRem(16)
      },
      splitLine: {
        lineStyle: {
          color: 'rgba(67, 128, 240, 1)'
        }
      },
      axisLine: {
        lineStyle: {
          show: true, //是否显示坐标轴轴线，
          color: 'rgba(67, 128, 240, 1)', //x轴轴线的颜色
        }
      },
      axisTick: {
        show: false // 不显示坐标轴刻度线
      },
      axisLabel: {
        fontSize: pxToRem(16)
      }

    },

    series: function () {
      let serie = [];
      seriesData.map((item, index) => {
        let sArr = [];
        sArr.push(item.strArray)
        let data = {
          name: item.projectName,
          type: 'scatter',
          barWidth: pxToRem(16),
          barGap: pxToRem(0.5), // 这是以barWidth为倍数的
          itemStyle: {
            color: 'rgba(67, 128, 240, 1)'
          },
          //   label: {
          //     show: true, // 是否显示标签
          //     color: '#fff', // 文字颜色，例如白色
          //     fontSize:pxToRem(14)
          // },

          data: sArr,
          symbolSize: function () {
            if (item.strArray[2] < 50) {
              return item.strArray[2] / 2
            } else if (item.strArray[2] < 300) {
              return item.strArray[2] / 10
            } else if (item.strArray[2] < 500) {
              return item.strArray[2] / 15
            } else if (item.strArray[2] < 1000) {
              return item.strArray[2] / 20
            } else if (item.strArray[2] < 1500) {
              return item.strArray[2] / 25
            } else if (item.strArray[2] < 2000) {
              return item.strArray[2] / 30
            } else if (item.strArray[2] < 2500) {
              return item.strArray[2] / 35
            } else if (item.strArray[2] < 3000) {
              return item.strArray[2] / 40
            } else if (item.strArray[2] < 3500) {
              return item.strArray[2] / 45
            } else if (item.strArray[2] < 4000) {
              return item.strArray[2] / 2
            } else if (item.strArray[2] < 4500) {
              return item.strArray[2] / 55
            } else if (item.strArray[2] < 5000) {
              return item.strArray[2] / 60
            }
          }
        }
        serie.push(data);

      });
      return serie;
    }()
  };
  return option;
}
export function xmsjtjqk(seriesData) {
  var valueStr = []

  for (var i = 0; i < seriesData.length; i++) {
    let strObj = {
      value: seriesData[i].projectNumber,
      name: seriesData[i].auditStatusName
    }
    valueStr.push(strObj)

  }
  var option = {
    color: ['#417FEF', '#0EF0D7', '#B890FE'],
    tooltip: {
      trigger: 'item'
    },
    series: [{

      type: 'pie',
      radius: ['70%', '90%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: pxToRem(10),

      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: pxToRem(16),
          fontWeight: 'bold',
          color: '#Fff'
        }
      },
      labelLine: {
        show: false
      },
      data: valueStr
    }]
  };
  return option;

}
export function xmsjtjqk1(seriesData) {
  var valueStr = []

  for (var i = 0; i < seriesData.length; i++) {
    let strObj = {
      value: seriesData[i].count,
      name: seriesData[i].developersPropertyName
    }
    valueStr.push(strObj)

  }
  var option = {
    color: ['#417FEF', '#0EF0D7', '#B890FE'],
    tooltip: {
      trigger: 'item'
    },
    legend: {
      orient: 'vertical',
      icon: 'circle',
      x: '65%',
      y: 'center',
      itemWidth: pxToRem(10),
      itemHeight: pxToRem(10),
      itemGap: pxToRem(15),
      align: 'left',
      textStyle: {
        color: 'rgba(132,159,186)',
        fontSize: pxToRem(14),
        padding: [0, 0, 0, 0],
      },

    },

    series: [{

      type: 'pie',
      radius: ['68%', '82%'],
      center: ['35%', '50%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: pxToRem(10),

      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: pxToRem(16),
          fontWeight: 'bold',
          color: '#Fff'
        }
      },
      labelLine: {
        show: false
      },
      data: valueStr
    }]
  };
  return option;

}
export function xmsjtjqk2(seriesData) {
  var valueStr = []

  for (var i = 0; i < seriesData.length; i++) {
    let strObj = {
      value: seriesData[i].projectNumber,
      name: seriesData[i].enterpriseName
    }
    valueStr.push(strObj)

  }
  var option = {
    color: ['#417FEF', '#0EF0D7', '#074499', '#FF8A47', '#B890FE'],
    tooltip: {
      trigger: 'item'
    },
    legend: {
      orient: 'vertical',
      icon: 'circle',
      x: '65%',
      y: 'center',
      itemWidth: pxToRem(10),
      itemHeight: pxToRem(10),
      itemGap: pxToRem(15),
      align: 'left',
      textStyle: {
        color: 'rgb(132,159,186)',
        fontSize: pxToRem(15),
        padding: [0, 0, 0, 0],
      },
      formatter(name) {
        let then = option.series[0].data; //获取series中的data
        let total = 0;

        for (let i = 0; i < then.length; i++) {
          if (then[i].name != '' && then[i].name != null && then[i].name != undefined) {
            total += parseInt(then[i].value);
          }
        }
        var str = '';

        var p = 0;
        for (let i = 0; i < then.length; i++) {
          if (then[i].name == name) {
            p = (then[i].value / total) * 100;
            str = name + '       ' + p.toFixed(0) + '%';
            if (str.length > 8) {
              str = str.substring(0, 4)
            }
          }
        }
        return str;
      },
    },
    series: [{

      type: 'pie',
      radius: ['68%', '82%'],
      center: ['35%', '50%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: pxToRem(10),

      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: pxToRem(16),
          fontWeight: 'bold',
          color: '#Fff'
        }
      },
      labelLine: {
        show: false
      },
      data: valueStr
    }]
  };
  return option;

}
export function xmsjtjqk3(a, b, colors) {
  var valueStr = []

  for (var i = 0; i < a.length; i++) {
    let strObj = {
      value: b[i],
      name: a[i]
    }
    valueStr.push(strObj)

  }

  var option = {
    grid: {

      containLabel: true //当containLabel:为ture时，以上设置生效
    },
    color: colors,
    tooltip: {
      trigger: 'item'
    },

    series: [{

      type: 'pie',
      radius: ['70%', '90%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: pxToRem(10),

      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: pxToRem(16),
          fontWeight: 'bold',
          color: '#Fff',
        }
      },
      labelLine: {
        show: false
      },
      data: valueStr
    }]
  };
  return option;

}
export function kfsjfpm(seriesData) {



  var option = {



    grid: {
      //生成的echarts图片和顶部的距离
      top: '30%',
      bottom: '5%', //echarts图片和底部的距离
      left: '5%', //echarts图片和左边的距离
      right: '5%', //echarts图片和右边的间距,
      containLabel: true //当containLabel:为ture时，以上设置生效
    },

    legend: {
      top: '5%',
      icon: 'rect',
      textStyle: {
        color: '#fff',
        fontSize: pxToRem(14),
        rich: {
          a: {
            verticalAlign: 'top',
          },
        },
        padding: [pxToRem(4), 0, 0, 0],
      },

      itemGap: pxToRem(15), // 设置间距
      itemHeight: pxToRem(18), // 设置icon高度
      itemWidth: pxToRem(30),
      color: ['red', 'blue']

    },

    tooltip: {
      backgroundColor: 'rgba(67, 128, 240, 0.3)',
      borderColor: 'rgba(67, 128, 240, 0.3)', // 设置边框颜色为红色
      borderWidth: 2, // 设置边框宽度
      trigger: 'axis',
      textStyle: {
        color: '#fff',
      },
      axisPointer: {
        type: 'shadow'
      },
    },

    xAxis: [{
      type: 'category',
      boundaryGap: false,
      data: seriesData.xAxis,
      // axisLabel: {
      //     interval: interval // 动态设置间隔
      // },
      axisLabel: {
        textStyle: {
          fontSize: pxToRem(14)
        },

      },
    }],
    yAxis: [{
        type: 'value',
        splitLine: false,
        axisLabel: {
          textStyle: {
            fontSize: pxToRem(14)
          },
        },
      }

    ],
    series: [{

        name: '计划交付',
        type: 'line',
        smooth: true,
        symbol: 'none', // 设置为 'none' 去掉折线图的点
        itemStyle: {
          normal: {
            color: 'rgba(7,68,153, 1)',
            lineStyle: {
              color: 'rgba(7,68,153, 1)',
              width: 1.5,
            },
            areaStyle: {
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgba(7,68,153, 1)',
                  },
                  {
                    offset: 1,
                    color: 'rgba(7,68,153, 0)',
                  },
                ],
              },
            },
          },
        },
        data: seriesData.planList,


      },
      {
        name: '实际交付',
        type: 'line',
        smooth: true,
        symbol: 'none', // 设置为 'none' 去掉折线图的点
        itemStyle: {
          normal: {
            color: 'rgba(43,254,192, 1)',
            lineStyle: {
              color: 'rgba(43,254,192, 1)',
              width: 1.5,
            },
            areaStyle: {
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgba(43,254,192, 1)',
                  },
                  {
                    offset: 1,
                    color: 'rgba(43,254,192, 0)',
                  },
                ],
              },
            },
          },
        },

        data: seriesData.actualList,


      },
    ]

  }

  return option;

}
export function kfsjkpm1(seriesData) {


  var option = {



    grid: {
      //生成的echarts图片和顶部的距离
      bottom: '5%', //echarts图片和底部的距离
      left: '5%', //echarts图片和左边的距离
      right: '5%', //echarts图片和右边的间距,
      containLabel: true //当containLabel:为ture时，以上设置生效
    },

    legend: {
      top: '5%',
      icon: 'rect',
      textStyle: {
        color: '#fff',
        fontSize: pxToRem(14),
        rich: {
          a: {
            verticalAlign: 'top',
          },
        },
        padding: [pxToRem(4), 0, 0, 0],
      },

      itemGap: pxToRem(15), // 设置间距
      itemHeight: pxToRem(18), // 设置icon高度
      itemWidth: pxToRem(30),
      color: ['red', 'blue']

    },

    tooltip: {
      // backgroundColor: 'rgba(67, 128, 240, 0.3)',
      // textStyle:{
      //     color:'#fff',
      //     fontSize:pxToRem(16)
      // },
      formatter: function (params) {
        // prettier-ignore
        // return    param.data[3] + '<br>'
        //           +'借款总数：￥' + param.data[0] + '<br>'
        //           +'保交楼：' + param.data[1]  + '套<br>'
        //           + '剩余交付楼：' + param.data[2] + '<br>'
      }
    },


    xAxis: [{
      type: 'category',
      boundaryGap: false,
      data: seriesData.xAxis,
      // axisLabel: {
      //     interval: interval // 动态设置间隔
      // },
      axisLabel: {
        textStyle: {
          fontSize: pxToRem(8)
        }
      },
    }],
    yAxis: [{
      type: 'value',
      splitLine: false
    }],
    series: [{

        name: '借款交付',
        type: 'line',
        smooth: true,
        symbol: 'none', // 设置为 'none' 去掉折线图的点
        itemStyle: {
          normal: {
            color: 'rgba(248, 158, 97, 1)',
            lineStyle: {
              color: 'rgba(248, 158, 97, 1)',
              width: 1.5,
            },
            areaStyle: {
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgba(248, 158, 97, 1)',
                  },
                  {
                    offset: 1,
                    color: 'rgba(248, 158, 97, 0)',
                  },
                ],
              },
            },
          },
        },
        data: seriesData.lendList,


      },
      {
        name: '还款交付',
        type: 'line',
        smooth: true,
        symbol: 'none', // 设置为 'none' 去掉折线图的点
        itemStyle: {
          normal: {
            color: 'rgba(157, 125, 222, 1)',
            lineStyle: {
              color: 'rgba(157, 125, 222, 1)',
              width: 1.5,
            },
            areaStyle: {
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgba(157, 125, 222, 1)',
                  },
                  {
                    offset: 1,
                    color: 'rgba(157, 125, 222, 0)',
                  },
                ],
              },
            },
          },
        },

        data: seriesData.repaymentList,


      },
    ]

  }
  return option;

}
export function kfsjkpm2(seriesData) {

  var option = {

    tooltip: {
      backgroundColor: 'rgba(67, 128, 240, 0.3)',
      borderColor: 'rgba(67, 128, 240, 0.3)', // 设置边框颜色为红色
      borderWidth: 2, // 设置边框宽度
      trigger: 'axis',
      textStyle: {
        color: '#fff',
      },
      axisPointer: {
        type: 'shadow'
      },
    },

    grid: {
      //生成的echarts图片和顶部的距离
      bottom: '5%', //echarts图片和底部的距离
      left: '5%', //echarts图片和左边的距离
      right: '5%', //echarts图片和右边的间距,
      containLabel: true //当containLabel:为ture时，以上设置生效
    },

    legend: {
      top: '5%',
      icon: 'rect',
      textStyle: {
        color: '#fff',
        fontSize: pxToRem(14),
        rich: {
          a: {
            verticalAlign: 'top',
          },
        },
        padding: [pxToRem(4), 0, 0, 0],
      },

      itemGap: pxToRem(15), // 设置间距
      itemHeight: pxToRem(18), // 设置icon高度
      itemWidth: pxToRem(30),
      color: ['red', 'blue']

    },
    tooltip: {
      backgroundColor: 'rgba(67, 128, 240, 0.3)',
      borderColor: 'rgba(67, 128, 240, 0.3)', // 设置边框颜色为红色
      borderWidth: 2, // 设置边框宽度
      trigger: 'axis',
      textStyle: {
        color: '#fff',
      },
      axisPointer: {
        type: 'shadow'
      },
    },


    xAxis: [{
      type: 'category',
      boundaryGap: false,
      data: seriesData.xAxis,
      // axisLabel: {
      //     interval: interval // 动态设置间隔
      // },
      axisLabel: {
        textStyle: {
          fontSize: pxToRem(14)
        }
      },
    }],
    yAxis: [{
      type: 'value',
      splitLine: false,
      axisLabel: {
        textStyle: {
          fontSize: pxToRem(14)
        }
      },
    }],
    series: [{

        name: '计划交付',
        type: 'line',
        smooth: true,
        symbol: 'none', // 设置为 'none' 去掉折线图的点
        itemStyle: {
          normal: {
            color: 'rgba(7,68,153, 1)',
            lineStyle: {
              color: 'rgba(7,68,153, 1)',
              width: 1.5,
            },
            areaStyle: {
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgba(7,68,153, 1)',
                  },
                  {
                    offset: 1,
                    color: 'rgba(7,68,153, 0)',
                  },
                ],
              },
            },
          },
        },
        data: seriesData.actualList,


      },
      {
        name: '实际交付',
        type: 'line',
        smooth: true,
        symbol: 'none', // 设置为 'none' 去掉折线图的点
        itemStyle: {
          normal: {
            color: 'rgba(43,254,192, 1)',
            lineStyle: {
              color: 'rgba(43,254,192, 1)',
              width: 1.5,
            },
            areaStyle: {
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgba(43,254,192, 1)',
                  },
                  {
                    offset: 1,
                    color: 'rgba(43,254,192, 0)',
                  },
                ],
              },
            },
          },
        },

        data: seriesData.planList,


      },
    ]

  }
  return option;

}
export function kfsjkpm(seriesData) {
  var option = {
    tooltip: {
      backgroundColor: 'rgba(67, 128, 240, 0.3)',
      borderColor: 'rgba(67, 128, 240, 0.3)', // 设置边框颜色为红色
      borderWidth: 2, // 设置边框宽度
      trigger: 'axis',
      textStyle: {
        color: '#fff',
      },
      axisPointer: {
        type: 'shadow'
      },
      formatter: function (data) {
        let html = ``
        html = `

            <div class="formatterStyle" >${data[0].name}</div>
            <div class="formatterStyle"> <span class="spanRadius1"></span>${data[0].value}</div>
            <div class="formatterStyle"><span class="spanRadius2"></span>${data[1].value}</div>      

          `
        return html
      }
    },


    grid: {
      //生成的echarts图片和顶部的距离
      top: '30%',
      bottom: '5%', //echarts图片和底部的距离
      left: '5%', //echarts图片和左边的距离
      right: '5%', //echarts图片和右边的间距,
      containLabel: true //当containLabel:为ture时，以上设置生效
    },

    legend: {
      top: '5%',
      icon: 'rect',
      textStyle: {
        color: '#fff',
        fontSize: pxToRem(14),
        rich: {
          a: {
            verticalAlign: 'top',
          },
        },
        padding: [pxToRem(4), 0, 0, 0],
      },

      itemGap: pxToRem(15), // 设置间距
      itemHeight: pxToRem(18), // 设置icon高度
      itemWidth: pxToRem(30),
      color: ['red', 'blue']

    },

    tooltip: {
      backgroundColor: 'rgba(67, 128, 240, 0.3)',
      borderColor: 'rgba(67, 128, 240, 0.3)', // 设置边框颜色为红色
      borderWidth: 2, // 设置边框宽度
      trigger: 'axis',
      textStyle: {
        color: '#fff',
      },
      axisPointer: {
        type: 'shadow'
      },
    },


    xAxis: [{
      type: 'category',
      boundaryGap: false,
      data: seriesData.xAxis,
      // axisLabel: {
      //     interval: interval // 动态设置间隔
      // },
      axisLabel: {
        textStyle: {
          fontSize: pxToRem(14)
        }
      },
    }],
    yAxis: [{
      type: 'value',
      splitLine: false,
      axisLabel: {
        textStyle: {
          fontSize: pxToRem(14)
        }
      },
    }],
    series: [{

        name: '借款交付',
        type: 'line',
        smooth: true,
        symbol: 'none', // 设置为 'none' 去掉折线图的点
        itemStyle: {
          normal: {
            color: 'rgba(157, 125, 222, 1)',
            lineStyle: {
              color: 'rgba(157, 125, 222, 1)',
              width: 1.5,
            },
            areaStyle: {
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgba(157, 125, 222, 1)',
                  },
                  {
                    offset: 1,
                    color: 'rgba(157, 125, 222, 0)',
                  },
                ],
              },
            },
          },
        },
        data: seriesData.lendList,


      },
      {
        name: '还款交付',
        type: 'line',
        smooth: true,
        symbol: 'none', // 设置为 'none' 去掉折线图的点
        itemStyle: {
          normal: {
            color: 'rgba(248, 158, 97, 1)',
            lineStyle: {
              color: 'rgba(248, 158, 97, 1)',
              width: 1.5,
            },
            areaStyle: {
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgba(248, 158, 97, 1)',
                  },
                  {
                    offset: 1,
                    color: 'rgba(248, 158, 97, 0)',
                  },
                ],
              },
            },
          },
        },

        data: seriesData.repaymentList,

      },
    ]

  }
  return option;

}

// 各行业大屏
export function eData01(){
  app.config = {
    rotate: 90,
    align: 'left',
    verticalAlign: 'middle',
    position: 'insideBottom',
    distance: pxToRem(5),
    onChange: function () {
      const labelOption = {
        rotate: app.config.rotate,
        align: app.config.align,
        verticalAlign: app.config.verticalAlign,
        position: app.config.position,
        distance: app.config.distance
      };
    }
  };
  const labelOption = {
    show: true,
    position: app.config.position,
    distance: app.config.distance,
    align: app.config.align,
    verticalAlign: app.config.verticalAlign,
    rotate: app.config.rotate,
    formatter: '{c}  {name|{a}}',
    color: "#fff",
    fontSize: pxToRem(12),
    rich: {
      name: {}
    }
  };
  const option = {
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'shadow'
      },
      backgroundColor:{
        color: "#fff",
        fontSize: pxToRem(18),
      },
      textStyle:"rgba(8, 64, 132, 0.9)",
    },
    legend: {
      textStyle: {
        color: "#fff",
        fontSize: pxToRem(12),
        rich: {},
        padding: [0, 0, pxToRem(-3), 0],
      },
      data: ['Forest', 'Steppe', 'Desert', 'Wetland']
    },

    xAxis: [
      {
        type: 'category',
        data: ['2012', '2013', '2014', '2015', '2016'],
        boundaryGap: true,
        axisTick: {
          show: false,
        },
        axisLabel: {
          textStyle: {
            color: "#FFFFFF",
            fontSize: pxToRem(12),
          },
        },
      }
    ],
    yAxis: [
      {
        type: 'value',
        nameTextStyle: {
          color: "#959699",
          fontSize: pxToRem(12),
        },
        splitLine: {
          show: false,
          lineStyle: {
            color: "#31679C",
            type: "dashed",
          },
        },
        axisLabel: {
          formatter: "{value}",
          color: "#959699",
          fontSize: pxToRem(12),
        },
      }
    ],
    series: [
      {
        name: 'Forest',
        type: 'bar',
        barGap: 0,
        label: labelOption,
        emphasis: {
          focus: 'series'
        },
        data: [320, 332, 301, 334, 390]
      },
      {
        name: 'Steppe',
        type: 'bar',
        label: labelOption,
        emphasis: {
          focus: 'series'
        },
        data: [220, 182, 191, 234, 290]
      },
      {
        name: 'Desert',
        type: 'bar',
        label: labelOption,
        emphasis: {
          focus: 'series'
        },
        data: [150, 232, 201, 154, 190]
      },
      {
        name: 'Wetland',
        type: 'bar',
        label: labelOption,
        emphasis: {
          focus: 'series'
        },
        data: [98, 77, 101, 99, 40]
      }
    ]
  }
  return option;
}